@mixin slim-scroll($bar-color: #f0f7f9, $thumb-color: #999) {
  scrollbar-width: thin; // 火狐
  scrollbar-color: $thumb-color $bar-color; // 火狐
  &::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: $bar-color;
  }
  &::-webkit-scrollbar-thumb {
    background: $thumb-color;
  }
}

@mixin generalContainer(
  $max-height: 600px,
  $bg-color: #fffef8,
  $shadow: 0 0 3px 5px rgba(0, 0, 0, 0.2),
  $radius: 4px
) {
  width: 100%;
  max-height: $max-height;
  background-color: $bg-color;
  box-shadow: $shadow;
  border-radius: $radius;
  overflow-y: auto;
  @include slim-scroll();
}
